import { loginApi, userInfoApi, userInfoById } from '@/api/user'
import { setToken, getToken, removeToken, setTimeStamp } from '@/utils/auth'
export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {} // 由于userInfo中一些数据需要在getters中建立快捷访问，避免访问出错，初始值给一个空对象
  },
  mutations: {
    setToken(state, token) {
      state.token = token
    },
    // 设置用户信息
    setUserInfo(state, data) {
      state.userInfo = data
    },
    removeToken(state) {
      state.token = null
      removeToken()
    },
    removeUserInfo(state) {
      state.userInfo = {}
    }
  },

  actions: {
    // 登出的action
    logout(context) {
    // 删除token
      context.commit('removeToken') // 不仅仅删除了vuex中的 还删除了缓存中的
      // 删除用户资料
      context.commit('removeUserInfo') // 删除用户信息
    },

    // 登录
    async login(ctx, data) {
      const res = await loginApi(data)
      console.log(res)
      ctx.commit('setToken', res)
      // token持久化
      setToken(res)
      // 存入时间
      setTimeStamp()
    },
    // 获取用户信息
    async getUserInfo(ctx) {
      const res = await userInfoApi()
      const res1 = await userInfoById(res.userId)

      console.log(res)
      ctx.commit('setUserInfo', { ...res, ...res1 })
    }
  }
}
